<template>
    <div class="station-card" >
        <p class="station-panel-title" style="">数字化车间</p>
        <p class="station-panel-name" style="">工位1</p>
        <a-row style="background: #1388f5;color:#fff">
            <a-col :span="12"><p class="station-panel-date" style="">2019-4-20</p></a-col>
            <a-col :span="12"><p class="station-panel-time" style="">23:59</p></a-col>
        </a-row>
    </div>
</template>
<script>
export default {
  name: 'stationInformation',
  props: [],
  data() {
    return {
        
    }
  },
  methods: {
    
  }
}
</script>
<style scoped>
    .station-card{
        background:#fff;
        border: 1px solid #e8e8e8;
        border-radius: 2px;
    }
    .station-panel-title{
        height:50px;
        line-height:50px;
        text-align:center;
        margin:0px;
        font-weight: bold;
    }
    .station-panel-name{
        height:110px;
        text-align:center;
        line-height:110px
        ;margin:0px;
        background: #1890FF;
        color: #fff;
        font-size: 22px;
    }
    .station-panel-date,.station-panel-time{
        height:40px;
        margin:0px;
        line-height: 40px;       
    }
    .station-panel-date{
        padding-left:10px; 
    }
    .station-panel-time{
        text-align: end;
        padding-right:10px
    }
</style>
